<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- jquery -->
    <script src="frame/semanticUI/jquery.min.js"></script>
    <!-- CDN引入semanticUI框架 -->
    <link rel="stylesheet" type="text/css" href="frame/semanticUI/UI-master/semantic.min.css">
    <!-- semanticUI依赖于Jquery -->
    <script src="frame/semanticUI/UI-master/semantic.min.js"></script>

    <link rel="stylesheet" href="frame/elementUI/lib-master/theme-chalk/index.css"/>
    <!-- 必须先引入vue，  后使用element-ui -->
    <script src="frame/elementUI/vue.js"></script>
    <!-- 引入element 的组件库-->
    <script src="frame/elementUI/lib-master/index.js"></script>

    <link rel="stylesheet" href="css/register.css">
    <title>后台登陆页</title>

</head>
<body>
<div id="app">
    <div class="ui container">
        <div class="ui middle aligned center aligned grid">
            <div class="column">

                <!-- 注册内容 -->
                <div style="background-color: whitesmoke;padding: 20px" id="admin">
                    <div v-loading="loading">
                        <!-- 标题 -->
                        <h1 class="adminh1">用户注册</h1>
                        <!-- 用户名登录 -->
                        <el-form :model="formData" mstatus-icon :rules="rules" ref="formData" label-width="100px"> <!-- ref:表单验证(和提交数据相同) -->
                            <el-form-item label="用户名：" prop="username">  <!-- prop的值与rules里面要验证的字段值是对应 -->
                                <el-input
                                        prefix-icon="el-icon-user" style="width: 250px"
                                        type="text" v-model="formData.username" autocomplete="off">
                                </el-input>
                            </el-form-item>
                            <el-form-item label="密 码：" prop="password1">
                                <el-input
                                        prefix-icon="el-icon-menu"
                                        style="width: 250px" show-password type="password"
                                        v-model="formData.password1" autocomplete="off">
                                </el-input>
                            </el-form-item>
                            <el-form-item label="确认密码：" prop="password2">
                                <el-input
                                        prefix-icon="el-icon-menu"
                                        style="width: 250px" show-password type="password"
                                        v-model="formData.password2" autocomplete="off">
                                </el-input>
                            </el-form-item>
                            <el-form-item label="邮箱" prop="email">  <!-- prop的值与rules里面要验证的字段值是对应 -->
                                <el-input
                                        prefix-icon="el-icon-paperclip" style="width: 250px"
                                        type="text" v-model="formData.email" autocomplete="off">
                                </el-input>
                            </el-form-item>
                            <el-form-item>
                                <el-button el-button type="primary" @click="login()" style="margin-right: 100px" style="margin-right: 100px">登录</el-button>
                            </el-form-item>
                        </el-form>
                    </div>
                </div>
                <!-- 其他按钮 -->
                <div class="ui message">
                    老用户? <a href="login.html">登录</a>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<!-- axios -->
<script src="frame/axios/axios.min.js"></script>
<script src="js/register.js"></script>
</html>